!function () {
	var commodityA = $('.commodity-content-footer ul li a'), data = [], AttrArr = [], obj
	var init = function () {
		Event();
		renderList();
	};

	var Event = function () {
		$('.special>div').on('mouseover', function () { $('.classify').show() });
		$('.special>div').on('mouseleave', function () { $('.classify').show() });
		commodityA.on('click', onCommodityClick)
		$('.computed span').on('click', onComputedClick);
		$('.mobile').on('mouseover', function () { $('.mobile div').show() });
		$('.mobile').on('mouseleave', function () { $('.mobile div').hide() });
		$('.header-btn').on('mouseover', onCartShow);
		$('.header-btn').on('mouseleave', onCartHide);
		$('.details-left li').on('click', onTabClick);
		$('.classify').on('mouseover', 'li', onChildrenShow)
		$('.classify').on('mouseleave', 'li', function () { $('.classify div').hide(), $('.classify').hide() })
		$('.commodity-left-bottom').on('click', onImgClick)
	};

	var onImgClick = function () {

	}

	var onCommodityClick = function () {
		$(this).addClass('active')
		if ($(this).hasClass('active')) {
			$(this).addClass('active').siblings('a').removeClass('active')
			$(this).find('i').show()
		}
		$(this).find('i').parent().siblings().find('i').hide()
	}

	var onComputedClick = function () {
		var inp = $('.minus').siblings('input')
		var num = inp.attr('value') * 1
		if ($(this).hasClass('minus')) {
			num--
		}
		if ($(this).hasClass('plus')) {
			num++
		}
		if (num < 1) {
			num = 1
		}
		inp.attr('value', num)
	}

	var onCartShow = function () {
		$('.header-btn div').show();
		$('.header-btn').css('background', '#fff')
		$('.header-btn').find('p').show()
	}

	var onCartHide = function () {
		$('.header-btn div').hide()
		$('.header-btn').css('background', '#f8f8f8')
		$('.header-btn').find('p').hide()
	}

	var onTabClick = function () {
		$(this).addClass('active').siblings().removeClass('active');
		if ($(this).find('a').text() == '商品详情') {
			$('.details-left-content').show()
		} else {
			$('.details-left-content').hide()
		}
	}

	var renderList = function () {
		var url = 'http://localhost/ryw/classify.php/rywtypes'
		var arr = [], arr2 = [], obj = {}
		$.ajax({
			url,
			type: 'get',
			success: function (res) {
				// var detailArr = JSON.parse(res);
				// console.log(detailArr)
				// for (var i = 0; i < detailArr.length; i++) {
				// 	arr2.push(detailArr[i].children)
				// 	arr.push(
				// 		`<li>
				// 			<a href="javascript:;">${detailArr[i].title}</a>
				// 			<div>
				// 				<dl>
				// 					${arr2[i].map(function(val,key){
				// 						return`<dt>
				// 							<a>${val.title}</a>
				// 						</dt>`
				// 					})}	
				// 				</dl>
				// 			</div>
				// 		</li>`
				// 	)
				// }
				// console.log(arr2)
				// $('.classify').html(arr.join(''))

				var data = JSON.parse(res);
				console.log(data)
				for (let i = 0; i < data.length; i++) {
					var sanjiArr;
					arr.push(
						`
						<li> 
							<a href="javascript:;">${data[i].title}</a>
							<div>
								<dl>
									${data[i].children.map(function (j, v) {
										return `
										<dt>
											<a href="javascript:;">${j.title}</a>
										</dt>
										<dd>
											<a href="javascript:;">${j.children?j.children.map(function(k1,v1){
												return k1.title
											}):''}</a>
										</dd>`
									})}
								</dl>
							</div>
						</li>
						`
					)
				}
				$('.classify').html(arr.join(''))
			}
		});
	}


	var abc = function () {
		// <dd>
		// 	<a href="javascript:;">
		// 		${Object.keys(obj).forEach(function (key) {
		// 			for (let i in obj[key].children) {
		// 				// console.log(obj[key].children[i].title)
		// 			}
		// 		})}
		// 	</a>
		// </dd>
	}


	var onChildrenShow = function () {
		$('.classify').show()
		$(this).find('div').show().parent().siblings('li').find('div').hide()
	}


	init();
}();